<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage" %>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <link rel="stylesheet" href="/Scripts/theme/default/style.css" type="text/css" />
        <style type="text/css">
            #map
            {
                width: 800px;
                height: 500px;
                border: 1px solid black;
            }
            div.loading
            {
                position: fixed;
                left: 600px;
                top: 200px;
                width: 10px;
                min-width: 10px;
                height: 10px;
                min-height: 10px;
                z-index: 50001;
                background-color: #FFFFFF;
            }
            fieldset.resultado
            {
                width: 350px;
                height: 160px;
            }
        </style>

        <script type="text/javascript" src='/Scripts/lib/OpenLayers.js'></script>
        <script type="text/javascript" src='/Scripts/mapa/Mapa.js'></script>

   
    </head>
    <body onload="init('<%= System.AppDomain.CurrentDomain.BaseDirectory.Replace("\\","\\\\") %>')">
        <% using (Ajax.BeginForm("MarcarPunto", new AjaxOptions { OnSuccess = "procesarRespuesta", LoadingElementId = "divCargando" }))
           {%>
        <fieldset>
            <legend>Mapa de Montevideo</legend>
            <div id="map">
            </div>
            <div id="coords">
            </div>
        </fieldset>
        <% using (Html.BeginForm())
           { %>
           <div id="divMostrar" style="text-align:center">
        </div>
        <div>
            <%= Html.DropDownList("metodoBusqueda", (List<SelectListItem>)ViewData["metodoBusqueda"],
            new { onchange = "mostrarDiv()" })%>
            <% } %>
            <input type="hidden" name="tipo" id="tipo" />
            <input type="hidden" name="xOrigen" id="xOrigen" />
            <input type="hidden" name="yOrigen" id="yOrigen" />
            <input type="hidden" name="xDestino" id="xDestino" />
            <input type="hidden" name="yDestino" id="yDestino" />
            <input class="button" onclick="setTipo('origen')" type="submit" value="Marcar como origen" />
            <input class="button" onclick="setTipo('destino')" type="submit" value="Marcar como destino" />
            <input class="button" onclick="setTipo('recorrido')" type="submit" value="Obtener posibles omnibus" />
        </div>
        <table>
            <tr>
                <td>
                    <div id="divDireccionCalle" style='' class="resultado">
                        <fieldset class="resultado">
                            <legend>Busqueda por interseccion de calles</legend>
                            <table>
                                <tr>
                                    <td>
                                        <label for="nmCalle">
                                            Calle:</label>
                                    </td>
                                    <td>
                                        <%= Html.TextBox("nmCalle")%>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <label for="nmEsquina">
                                            Esquina:</label>
                                    </td>
                                    <td>
                                        <%= Html.TextBox("nmEsquina")%>
                                    </td>
                                </tr>
                            </table>
                        </fieldset>
                    </div>
                    <div id="divDireccionPuerta" style='display: none;' class="resultado">
                        <fieldset class="resultado">
                            <legend>Buscar por numero de puerta</legend>
                            <table width="50%">
                                <tr>
                                    <td>
                                        <label for="nmCallePuerta">
                                            Calle:</label>
                                    </td>
                                    <td>
                                        <%= Html.TextBox("nmCallePuerta")%>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <label for="numPuerta">
                                            Numero:</label>
                                    </td>
                                    <td>
                                        <%= Html.TextBox("numPuerta")%>
                                    </td>
                                </tr>
                            </table>
                        </fieldset>
                    </div>
                    <% using (Ajax.BeginForm("", new AjaxOptions { OnSuccess = "procesarRespuesta", LoadingElementId = "divCargando" }))
                       {%>
                    <div id="divRecorridos" style='display: none;' class="resultado">
                        <fieldset class="resultado">
                            <legend>Consultar recorrido de omnibus</legend>
                            <table>
                                <tr>
                                    <td>
                                        <label for="lineaOmnibus">
                                            Linea de Omnibus:</label>
                                    </td>
                                    <td>
                                        <%= Html.DropDownList("comboMostrarRecorrido", (List<SelectListItem>)ViewData["lineasOmnibus"],
                                                                    new { onchange = "mostrarRecorrido()" })%>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        &nbsp
                                    </td>
                                    <td>
                                        &nbsp
                                    </td>
                                </tr>
                            </table>
                        </fieldset>
                    </div>
                    <% } %>
                </td>
                <td>
                    <div id="divRecorridosEncontrados" style='display: none;' class="resultado">
                        <fieldset class="resultado">
                            <legend>Omnibus encontrados</legend>
                            <table id="tablaOmnibusEncontrados">
                            </table>
                        </fieldset>
                    </div>
                    <div id="divPosiblesCalles" style='display: none;' class="resultado">
                        <fieldset class="resultado">
                            <legend>No se encontro alguna calle relacionada con su busqueda, quiso decir: </legend>
                            <table id="tablaPosiblesCalles">
                            </table>
                        </fieldset>
                    </div>
                </td>
            </tr>
        </table>
        <div id="divCargando" class="loading" style='display: none;'>
            Cargando...
            <img id="imgCargando" style="" alt="Cargando.." src="/ajax-loader.gif" />
        </div>
        
        <% } %>
    </body>
    </html>
</asp:Content>
